import { StyleSheet, Text, View, TouchableOpacity } from 'react-native';
import React from 'react';
import Header from './components/Header';
import navigationTool, {
    useRectNavigation,
} from '../../utilities/navigationTool';
interface IndexProps {}
const index = (props: IndexProps) => {
    const navigation = useRectNavigation();
    return (
        <View>
            <Header title={'index'} />
            <TouchableOpacity
                onPress={() => {
                    // console.log(433333, navigation);
                    // navigation.navigate('Details', { id: 123 });
                    navigationTool.startBiz('RnMine', 'Details', { id: 123 });
                }}
                activeOpacity={1}
                style={styles.btnWrapper}>
                <Text>详情</Text>
            </TouchableOpacity>
        </View>
    );
};

export default index;

const styles = StyleSheet.create({
    btnWrapper: {
        width: 100,
        height: 100,
        justifyContent: 'center',
        alignItems: 'center',
    },
});
